body, ul, p,h3 {
    margin: 0;
    padding: 0;
}

.container {
    display: flex;
    flex-direction: column; /* 垂直方向排列子元素 */
    width: 1400px;
    height: 100vh; /* 占满整个视口高度 */
}

/* 页头 */
.header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    padding: 20px;
}

.logo {
    flex: 0 0 auto;
}

.left-image {
    width: 100px;
    height: auto;
}

.text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 左对齐 */
    margin-left: 20px; /* 让文字与logo1有一定间距 */
}

.top-image {
    width: 300px;
    height: auto;
}

.text {
    font-size: 16px;
    color: #888; /* 灰色字体 */
    margin-top: 10px; /* 让文字与logo2有一定间距 */
}

.actions {
    flex: 0 0 auto;
    text-align: right;
}

/* 链接样式 */
.action-link {
    text-decoration: none;
    color: #888; /* 灰色字体 */
    margin: 0 5px;
}

.action-link:hover {
    text-decoration: underline;
}

/* 竖线样式 */
.separator {
    color: #dcdcdc; /* 灰色竖线 */
    margin: 0 5px;
}


/* 滚动图片区域 */

ul{
    list-style: none;
}




/* 新闻区域整体布局 */
.news-section {
    display: flex;
    justify-content: space-between; /* 左右内容对齐 */
    align-items: flex-start; /* 顶部对齐 */
    background-color: #f5f5f5; /* 灰色背景 */
    padding: 20px;
    margin: 20px auto; /* 外边距，左右居中 */
    width: 80%; /* 整体宽度 */
    border-radius: 10px; /* 圆角边框 */
    gap: 20px; /* 左右块之间的间隔 */
}

/* 左侧新闻样式 */
.news-left {
    flex: 3; /* 左侧占3/4宽度 */
    padding: 15px;
    background-color: #ffffff; /* 白色背景 */
    border-radius: 10px; /* 圆角 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}

.news-item {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 10px;
}

/* 红色标题 */
.news-item.red {
    color: red;
    font-weight: bold;
}

/* 蓝色标题 */
.news-item.blue {
    color: #00a2ae;
    font-weight: bold;
}

/* 左侧内容竖线样式 */
.news-item span {
    color: #ccc; /* 灰色竖线颜色 */
    margin: 0 5px; /* 左右间距 */
}

/* 右侧更多样式 */
.news-right {
    flex: 1; /* 右侧占1/4宽度 */
    padding: 15px;
    background-color: #ffffff; /* 白色背景 */
    border-radius: 10px; /* 圆角 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}

/* 更多按钮样式 */
.more-link {
    display: block;
    font-size: 16px;
    color: #007BFF;
    font-weight: bold;
    margin-bottom: 15px;
    text-decoration: none;
}

.more-link:hover {
    text-decoration: underline;
}

/* 更多内容列表 */
.news-right ul {
    list-style: none; /* 去掉默认列表样式 */
    padding: 0;
    margin: 0;
}

.news-right li {
    margin-bottom: 10px;
    display: flex; /* 使用Flex布局 */
    align-items: center; /* 圆点与文字垂直居中 */
}

.news-right li::before {
    content: ''; /* 自定义圆点 */
    width: 6px;
    height: 6px;
    background-color: orange; /* 橙色圆点 */
    border-radius: 50%; /* 圆形 */
    display: inline-block;
    margin-right: 10px; /* 圆点与文字的间距 */
}

.news-right a {
    font-size: 14px;
    color: #333;
    text-decoration: none;
}

.news-right a:hover {
    color: #007BFF;
    text-decoration: underline;
}


/* 快速入口 */

/* 平台区域整体布局 */
.platform-section {
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    background-color: #f5f5f5; /* 灰色背景 */
    padding: 10px 15px; /* 减少内边距 */
    border-top: 1px solid #ccc; /* 分割线 */
    width: 75%; /* 缩小整体宽度 */
    margin: 20px auto; /* 上下和左右居中 */
    border-radius: 10px; /* 圆角边框 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 添加阴影 */
}

/* 左侧图片样式 */
.platform-left {
    flex: 0 0 auto; /* 左侧内容宽度不拉伸 */
    margin-right: 10px; /* 图片与文字之间的间距 */
    text-align: center;
}

.platform-image {
    width: 80px; /* 图片宽度固定为80px */
    height: auto; /* 图片高度自适应 */
    border-radius: 8px; /* 图片圆角 */
}

/* 右侧内容样式 */
.platform-right {
    flex: 1; /* 右侧内容占据剩余宽度 */
    display: flex;
    flex-direction: column;
}

.platform-row {
    display: flex;
    flex-wrap: wrap; /* 自动换行 */
    margin-bottom: 5px; /* 每行之间的间距减少 */
}

.platform-row span {
    flex: 1 1 30%; /* 每项占30%宽度 */
    font-size: 12px; /* 缩小字体大小 */
    line-height: 1.5; /* 减少行高 */
    color: #333;
    text-align: left; /* 文字左对齐 */
}






/* 卡片区域整体布局 */
.dakapian {
    display: flex;
    flex-wrap: wrap; /* 自动换行 */
    justify-content: space-between; /* 每行卡片之间的间隔均匀 */
    gap: 20px; /* 卡片之间的间距 */
    margin: 20px auto;
    width: 80%; /* 整体宽度 */
}

/* 卡片外层矩形 */
.card {
    width: 30%; /* 每个卡片占一行的30%宽度 */
    background: linear-gradient(to bottom, #007BFF 20%, #cccccc 30%, #ffffff 55%, #ffffff 100%); /* 蓝色区域纯蓝，灰色快速过渡到纯白 */
    padding: 10px;
    border-radius: 10px; /* 圆角 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 卡片内部白色矩形 */
.card-inner {
    background-color: #ffffff; /* 白色背景 */
    border-radius: 8px; /* 内部圆角 */
    padding: 15px;
    position: relative;
    margin-bottom: 15px; /* 与下方内容的间距 */
}

/* 图片样式 */
.card-image {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 15px;
    left: 15px;
    border-radius: 4px; /* 图片圆角 */
    object-fit: cover; /* 图片保持比例 */
}

/* 卡片标题和文字 */
.card-text {
    margin-left: 80px; /* 让文字与图片平行 */
}

.card-text h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 8px;
}

.card-text p {
    font-size: 12px;
    color: #888;
}

/* 卡片底部内容 */
.card-content {
    display: flex;
    justify-content: space-between; /* 均分三列 */
    align-items: flex-start;
    padding: 10px 0;
}

.card-column {
    display: flex;
    flex-direction: column; /* 纵向排列 */
    align-items: flex-start;
    gap: 10px; /* 每个项目的间距 */
}

.card-column span {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}




/* 四列二行 */

/* 容器样式 */
/* 容器样式 */
.box-container {
    display: flex;
    flex-wrap: wrap; /* 自动换行 */
    justify-content: space-between; /* 每行子项等间距分布 */
    margin: 20px auto; /* 容器上下居中、两侧居中 */
    gap: 20px; /* 子项间距 */
    width: 80%; /* 容器宽度为视口的 80% */
    max-width: 1200px; /* 最大宽度 */
}

/* 盒子样式 */
.box {
    flex: 0 0 22%; /* 每个盒子占 22% 宽度，保证四列 */
    height: 150px; /* 固定高度 */
    background-color: #fff; /* 背景颜色为白色 */
    color: #000; /* 默认文字颜色 */
    border-radius: 10px; /* 圆角 */
    display: flex; /* Flex 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    flex-direction: column; /* 竖直排列 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    position: relative; /* 需要给“导师人才库”特效定位 */
    transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s; /* 鼠标悬停效果过渡 */
}

/* 鼠标悬停效果 */
.box:hover .da {
    color: #00a2ae; /* 鼠标悬停时“大字”变青色 */
}

.box:hover {
    transform: translateY(-5px); /* 向上移动 */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); /* 增强阴影 */
}



.da {
    font-size: 20px;  /* 字体较大 */
    color: black;     /* 字体颜色为黑色 */
    margin: 3px 0;    /* 上下间距 */
}

.xiao {
    font-size: 12px;  /* 字体较小 */
    color: gray;      /* 字体颜色为灰色 */
    margin: 2px 0;    /* 上下间距 */
}
.huise{
    background-color: #eee;
}



/* 一行五列 */


.yhwl {
    display: flex;
    flex-wrap: wrap; /* 自动换行 */
    justify-content: space-between; /* 每行子项等间距分布 */
    margin: 20px auto; /* 容器上下居中、两侧居中 */
    gap: 20px; /* 子项间距 */
    width: 80%; /* 容器宽度为视口的 80% */
    max-width: 1200px; /* 最大宽度 */
    margin-bottom: 70px;
  }
  
  .boxwu {
    width: 15%; /* 每个盒子的宽度 */
    text-align: center; /* 文字居中 */
    background-color: #fff;
    margin-top: 20px;
    padding-top: 25px;
  }
  
  .boxwu img {
    width: 60%; /* 图片宽度填充盒子 */
    height: auto; /* 保持图片比例 */
    display: block;
    margin: 0 auto; /* 图片水平居中 */
  }
  
  .boxwu p {
    margin-top: 10px; /* 图片和文字之间的间距 */
    font-size: 14px; /* 文字大小 */
  }
  .gfwb_gd{
    margin-top: 20px;
  }
  .gfwb{
    position: relative;
    top: 0;
    left: 0;
    margin-left: 140px;
    font-size: 28px;
  }
  .gengduo{
    position: relative;
    top: 0;
    left: 0;
    margin-left: 900px;
    text-decoration: none;
    color: #000;
  }




  /* 溢出动画 */

  .rlist{
    width: 1000px;
    overflow: hidden;
    margin: 10px auto;
    
}
.rlist li{
    width: 150px;
    float: left;
    position: relative;
    margin: 4px;
    overflow: hidden;/* 把变大溢出的图片部分隐藏,真正的隐藏,不是BFC */
    margin: 6px;
}
.rlist img{
    width: 100%;
    transition: all 1s ease-out;/* ease-out是先快后慢,in的话是先慢后快 */
}
.rlist li:hover img{
    transform: scale(1.4);
}

  .icon{
    width: 240px; height: 240px;
  }


  .swiper {
    width: 85%;
}  
.swiper .swiper-wrapper{
    position: relative;
}
.swiper .swiper-wrapper img{
    width: 100%;height: 100%;
}

/*点的样式设置*/
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{/*点的大盒子*/
    bottom: 40px;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    /*所有的点*/
    border: 3px solid #fff;
    background-color: rgb(255, 255, 255);
}.swiper-button-next, .swiper-button-prev{/*左右箭头的宽高背景颜色，大盒子*/
    width: 50px;   
    height: 50px;   
    color: #fff;
   
}
.swiper-button-next:after, .swiper-button-prev:after{/*箭头本身的大小*/
    font-size: 30px;text-align: center;line-height: 50px;
}
/*右箭头位置*/
.swiper-button-next, .swiper-rtl .swiper-button-prev{		right: 0;		}
/*左箭头位置*/
.swiper-button-prev, .swiper-rtl .swiper-button-next{		left: 0;		}

.slide{
    margin-top: 30px;
}